﻿.section2-mobile {
    display: none;
}

.section2 {
    .s2-left {
        float: left;
        /*width: unit(250/2/20,rem);*/
        width: 21%;
        margin-top: unit(91/2/20,rem);
        padding-left: 0.5rem;

        h3 {
            font-size: unit(22/2/20,rem);
            color: #fff;
            height: unit(62/2/20,rem);
            display: flex;
            justify-content: center;
            align-items: center;
            background: -webkit-linear-gradient(left,#91cdff,#51b0ff); /* Safari 5.1 - 6.0 */
            background: -o-linear-gradient(left,#91cdff,#51b0ff); /* Opera 11.1 - 12.0 */
            background: -moz-linear-gradient(left,#91cdff,#51b0ff); /* Firefox 3.6 - 15 */
            background: linear-gradient(left,#91cdff,#51b0ff); /* 标准的语法 */
        }

        ul li {
            float: left;
            width: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            box-sizing: border-box;
            border: 1px solid #c3c3c3;
            height: unit(42/2/20,rem);
            font-size: unit(16/2/20,rem);
            color: #9b9b9b;
        }

        li:nth-child(2n) {
            border-bottom: none;
            border-left: none;
        }

        li:nth-child(2n+1) {
            border-bottom: none;
        }

        li:last-child {
            border-bottom: 1px solid #c3c3c3;
        }

        li:nth-last-child(2) {
            border-bottom: 1px solid #c3c3c3;
        }

        li:hover {
            cursor: pointer;
        }

        .selected, .click {
            background-color: #51b0ff;
            color: #fff;
            border: none;
        }
    }

    .s2-right {
        float: left;
        margin-left: unit(59/2/20,rem);
        margin-top: unit(152/2/20,rem);
        /*width: unit(891/2/20,rem);*/
        width: 74%;
    }
}
.choose-mobile{
    display:none;
}
@media only screen and (max-width:1000px) {
    .section2 {
        .s2-left {
            width: 25%;
            padding-left: 0.5rem;
            box-sizing: border-box;
        }

        .s2-right {
            width: 66%;
        }
    }
}

@limitwidth: 768px;

@media only screen and (max-width:@limitwidth) {
    /*.choose-section1main {
        
    }*/
    .choose-section1main .choose-s-box{
        padding-top:6rem;
    }
    .choose-mobile {
        display: block;
        background-image: url('../images/selectbanner.png');
        background-size: cover;
    }

    .section2-mobile {
        display: block;
        margin-bottom: unit(60/2/20,rem);
        /*.s2-right {
            display: none;
        }*/
        .s2-top {
            text-align: center;
            width: 100%;
            margin: unit(91/2/20,rem) auto unit(20/2/20,rem) auto;
            display: flex;
            justify-content: center;
            align-items: center;

            h4 {
                float: left;
                width: 7rem;
                font-size: unit(22/2/20,rem);
                color: #fff;
                height: unit(62/2/20,rem);
                display: flex;
                justify-content: center;
                align-items: center;
                background: -webkit-linear-gradient(left,#91cdff,#51b0ff); /* Safari 5.1 - 6.0 */
                background: -o-linear-gradient(left,#91cdff,#51b0ff); /* Opera 11.1 - 12.0 */
                background: -moz-linear-gradient(left,#91cdff,#51b0ff); /* Firefox 3.6 - 15 */
                background: linear-gradient(left,#91cdff,#51b0ff); /* 标准的语法 */
            }
            /*.address {
                float: left;
                display: inline-block;
                width: unit(300/2/20,rem);
                height: 1.55rem;
                background: #fff;
                font-size: unit(22/2/20,rem);
                color: #808080;
                border: 1px solid #c3c3c3;
                text-align: center;
                line-height: 1.55rem;*/
            ul {
                li {
                    width: unit(300/2/20,rem);
                    box-sizing: border-box;
                    border: 1px solid #c3c3c3;
                    height: unit(42/2/20,rem);
                    font-size: unit(16/2/20,rem);
                    color: #9b9b9b;
                }
            }
        }

        select {
            float: left;
            display: inline-block;
            width: unit(250/2/20,rem);
            height: 1.55rem;
            background: #fff;
            font-size: unit(22/2/20,rem);
            color: #808080;
            border: 1px solid #c3c3c3;
            padding-left: 2rem;

            option {
                border: 1px solid #c3c3c3;
                background-color: #fff;
                color: #808080;
                /*width: unit(150/2/20,rem);*/
                /*padding-left: unit(40/2/20,rem);*/
            }

            option:hover {
                border: 1px solid #c3c3c3;
                color: #fff;
            }
        }
    }

    .section2 {
        display: none;
    }

    .section5 {
        margin-bottom: 2rem;
    }

    #imgBox {
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: 1rem;
    }
}

@media only screen and (max-width:375px) {
    .choose-section1main .choose-s-box .p-box .zhijiao1 {
        left: -1rem;
        top: -1rem;
    }

    .choose-section1main .choose-s-box .p-box .zhijiao2 {
        right: -0.85rem;
        bottom: -0.8rem;
    }
}
@media only screen and (max-width:414px) {
    .choose-section1main .choose-s-box .p-box .zhijiao1 {
        left: -1rem;
        top: -1.25rem;
    }
}

